<template>
  <nut-cell>
    <template #title>
      <!-- 图片 -->
      <nut-avatar size="large" shape="round">
       
      </nut-avatar>
    </template>
    <template #desc>
      <span> {{ userInfo.name }}</span>
      <span> {{ userInfo.phone }}</span>
    </template>
  </nut-cell>
  <nut-button block type="info" @click="loginshow = true"
    >修改绑定手机号</nut-button
  >
  <nut-popup v-model:visible="loginshow" style="width: 90%; height: auto">
    <loginview />
  </nut-popup>
</template>
  
  <script setup lang="ts">
import loginview from "../login/index.vue";
import { ref, onMounted } from "vue";
import Taro from "@tarojs/taro";
const userInfo = ref({
  userName: "",
  userPhone: "",
  userImage: "",
});
const loginshow = ref(false);
onMounted(() => {
  userInfo.value = Taro.getStorageSync("userInfo");
  console.log(userInfo);
});
</script>
  